<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
<script>
    console.log("<!-----for of---->")
    var arr = ['apple','banana','pear','orange']
    for(var i=0;i<arr.length;i++){
        console.log(i);//索引
    }
    for(var i in arr){
        console.log(i);//索引
    }
    for(var i of arr){
        console.log(i);//得到的是值
    }
    for(var i of arr.entries()){
        console.log(i);//得到的是索引和值
    }
    console.log("<!-----json---->")
    var json={'a':'apple','b':'banana','c':'pear'}
    for(var i in json){
        console.log(i)//a,b,c
    }
    // for(var i of json){
    //     console.log(json)//报错
    // }

    console.log("<!-----map---->")
    var map = new Map();
    map.set('a','apple');
    map.set('b','apple2');
    console.log(map)
    // 获取
    // alert(map.get('a'))
    map.delete('b')//只剩下a了

    console.log("<!-----map+for of---->")
    var map2 = new Map()
    map.set('a','apple');
    map.set('b','apple2');
    map.set('c','apple3');
    map.set('d','apple4');
    map.set('e','apple5');
    map.set('f','apple6'); 
    
    for(var name of map){
        console.log(name)
    }
    console.log("<!-----1---->")

    // 另一种用法：
    for(var [key,value] of map){
        console.log(key,value)
    }
    console.log("<!-----2---->")

    // 另一种写法：
    for(var name of map.entries()){
        console.log(name)
    }

    // 另一种写法：
    for(var b of map.values()){
        console.log(b)
    }




</script>
</body>
</html>